<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>手机-魅族官网</title>
    <link rel="stylesheet" href="assets/icomoon/style.css">
    <link rel="stylesheet" href="css/1reset.css">
    <link rel="stylesheet" href="css/2index.css">
    <link rel="stylesheet" href="css/4phone.css">
</head>
<body>
    <div class="hxtop"></div>
    <section class="banner"></section>
    <!-- 主页面开始 -->
    <main class="page-phone">
        <div class="container">
            <h1 class="title">
                <span>手机</span>
                <div class="filter-order">
                    <a href="javascript:;" class="active">推荐</a>
                    <a href="javascript:;">新品</a>
                    <a href="javascript:;" class="price">价格
                        <span class="priceUp"></span>
                        <span class="priceDown"></span>
                    </a>
                </div>
            </h1>
            <section class="goods-list">
                <ul class="goods-list-wrap clearfix">
                   
                </ul> 
            </section>
            <section class="list-floorad">
                <img src="assets/images/phone/2.jpg" alt="">
            </section>
            <section class="recommend">
                <h2 class="mod-title">为您推荐</h2>
                <div class="recommend-slider">
                    <ul>
                        <li><a href="javascritp:;"><img src="assets/images/phone/3.jpg"><div class="mod-desc"><h4>魅族 16s</h4><p>￥2699</p></div></a></li>
                        <li><a href="javascritp:;"><img src="assets/images/phone/4.jpg"><div class="mod-desc"><h4>魅族 POP2 真无线蓝牙耳机</h4><p>￥369</p></div></a></li>
                        <li><a href="javascritp:;"><img src="assets/images/phone/5.jpg"><div class="mod-desc"><h4> 魅族 16 X</h4><p>￥1598</p></div></a></li>
                        <li><a href="javascritp:;"><img src="assets/images/phone/6.jpg"><div class="mod-desc"><h4>魅族 EP63NC 无线降噪耳机</h4><p>￥409</p></div></a></li>
                        <li><a href="javascritp:;"><img src="assets/images/phone/7.jpg"><div class="mod-desc"><h4> 魅族 X8</h4><p>￥1298</p></div></a></li>
                        <li><a href="javascritp:;"><img src="assets/images/phone/8.jpg"><div class="mod-desc"><h4> 魅族 Note9 </h4><p>￥1398</p></div></a></li>
                        <li><a href="javascritp:;"><img src="assets/images/phone/9.jpg"><div class="mod-desc"><h4> 魅族移动电源3 </h4><p>￥79</p></div></a></li>
                        <li><a href="javascritp:;"><img src="assets/images/phone/10.jpg"><div class="mod-desc"><h4> 魅族 Note8 </h4><p>￥999</p></div></a></li>
                        <li><a href="javascritp:;"><img src="assets/images/phone/11.jpg"><div class="mod-desc"><h4>魅族 EP2X 耳机 </h4><p>￥69</p></div></a></li>
                        <li><a href="javascritp:;"><img src="assets/images/phone/12.jpg"><div class="mod-desc"><h4>魅族 V8 高配版</h4><p>￥898</p></div></a></li>
                    </ul>
                </div>
            </section>
            <ol class="recommend-control">
                <li class="active"></li>
                <li></li>
                <li></li>
            </ol>
        </div>
    </main>

    <!-- 主页面结束 -->
    <div class="hxbottom"></div>
</body>
<script src="assets/jquery.js"></script>
<script src="assets/jquery.cookie.js"></script>
<script src="js/phone.js"></script>
<script src="assets/nav2.js"></script>
<script>
    
    $(".hxtop").load("reset.html .t",function(){
        var user=$(".header-user");
        var user_list = user.find(".NoLogin");
        user.hover(function(){
            user_list.stop().slideDown()
        },function(){
            user_list.stop().slideUp()
        })
        // 如果购物车中有商品，将数字改变
    if($.cookie("NUM")){
        $(".header-cart em").html($.cookie("NUM"))
    }
        // 判断登录状态
    if($.cookie("isLogin")){
        $(".header-user").removeClass("icon-user");
        var img = $('<img src="" alt="">');
        img.attr("src","assets/images/user.jpg");
        $(".header-user").prepend(img)
        
        var user=$(".header-user");
        var user_list = user.find(".YesLogin");
        user.hover(function(){
            user_list.stop().slideDown()
        },function(){
            user_list.stop().slideUp()
        })
        $(".out").click(function(){
            $.cookie("isLogin",null)
            window.location.href="../login.html" 
        })
    }
    })
    $(".hxbottom").load("reset.html .b",function(){
           // 底部小图标显示
    var language = $(".language");
    var language_ul = $(".language").find("ul");
    var subsrcibe_a1 = $(".subsrcibe").children("a").eq(0);
    var subsrcibe_a2 = $(".subsrcibe").children("a").eq(1);
    var subsrcibe_img1 = subsrcibe_a1.find("img");
    var subsrcibe_img2 = subsrcibe_a2.find("img");

    language.hover(function(){
        language_ul.stop().show()
    },function(){
        language_ul.stop().hide()
    })
    language_ul.hover(function(){
        language_ul.stop().show()
    },function(){
        language_ul.stop().hide()
    })
    
    subsrcibe_a1.hover(function(){
        subsrcibe_img1.stop().show()
    },function(){
        subsrcibe_img1.stop().hide()
    })
    subsrcibe_img1.hover(function(){
        subsrcibe_img1.stop().show()
    },function(){
        subsrcibe_img1.stop().hide()
    })
    subsrcibe_a2.hover(function(){
        subsrcibe_img2.stop().show()
    },function(){
        subsrcibe_img2.stop().hide()
    })
    subsrcibe_img2.hover(function(){
        subsrcibe_img2.stop().show()
    },function(){
        subsrcibe_img2.stop().hide()
    })
   
    })
    
</script>
</html>